import Vue from "vue";
import Vuex from "vuex";

Vue.use(Vuex);

export default new Vuex.Store({
    // 定义两个，可以在所有的页面进行调用
    // loginstate登录状态，showUserName用户名
    state: {
        loginstate: false,
        showUserName: "用户",
    },
    // 修改状态
    mutations: {
        // 判断登录状态
        // fromLoginMsg 登录页面来的data
        loginStateChange(state, fromLoginMsg) {
            // 一旦fromLoginMsg有了就说明已经登录成功，把state中的loginstate改为true
            state.loginstate = true;
            // 把fromLoginMsg的username放到sessionStorage中
            sessionStorage.setItem("username", fromLoginMsg.username);
        },
        // 判断登录状态
        loginstateCheck(state) {
            // 做判断从登录页面请求过来的loginState，loginState
            if (sessionStorage.getItem("loginState") != null && sessionStorage.getItem("loginState").length > 1) {
                // 一旦loginState不为空，大于一，有了就说明已经登录成功，把state中的loginstate改为true
                state.loginstate = true;
                // 把state中的showUserName改为sessionStorage中的username
                state.showUserName = sessionStorage.getItem("username");
            } else {
                // state改为false
                state.loginstate = false;
            }
        },

    },
    actions: {},
    modules: {}
});